<template>
  <div class="dashboard-container">
    <component v-bind:is="currentRole"> </component>
  </div>
</template>

<script>
  import { mapGetters } from 'vuex';
  import HomeDashboard from './editor/home';
  // import OfficeDashboard from '../admin/office/office'

  export default {
    name: 'dashboard',
    components: { HomeDashboard },
    data() {
      return {
        currentRole:'HomeDashboard'
      }
    },
    computed: {
      ...mapGetters([
        'userName',
        'avatar',
        'email',
        'introduction'
      ])
    }
  }
</script>
